<?php
$page_fixed = new Page_Fixed('introduction');
$product_value = json_decode(base64_decode($page_fixed->result['con_value']),1);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi-VN" lang="vi-VN" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   <?php
   echo $page_fixed->Seo();
   ?>
   <!-- css -->
   <link rel="stylesheet" type="text/css" href="/themes/css/base.css"/>
   <link rel="stylesheet" type="text/css" href="/themes/css/style.css"/>

   <!-- js -->
   <script type="text/javascript" src="/themes/js/jquery-1.9.0.min.js"></script>
   <script type="text/javascript" src="/themes/js/common.js"></script>
   <?=$facebook_script?>
</head>
<body>
   <div class="wrap">
      <?php include 'view/common/vcom_header.php';?>
      <div class="breadcrumb">
         <span itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="itemscope" class="crumb_item">
            <a itemprop="url" rel="up" class="crumb" href="/"><span itemprop="title">Trang chủ</span></a>
            <span class="arrow"><img src="/themes/img/navRow.png" alt="bredcrumb arrow"></span>
         </span>
         <span itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="itemscope" class="crumb_item">
            <a itemprop="url" rel="up" class="crumb" href="/gioi-thieu/"><span itemprop="title">Giới Thiệu</span></a>
            <span class="arrow"><img src="/themes/img/navRow.png" alt="bredcrumb arrow"></span>
         </span>
      </div>
      <div class="primary">
         <?php include 'view/common/vcom_sidebar.php';?>
         <?php
         $url_refenrer = getValue('refenrer','str','POST','');
         if($url_refenrer != '') {
            $url_product = parse_url($url_refenrer);
            $fragment = $url_product['fragment'];
         }else {
            $fragment = 'TongQuan';
         }
         ?>
         <div class="content">
            <div class="box_product_detail">
               <div class="box_product_detail_tab">
                  <div class="product_detail_tab_item tab_item_1 <?=$fragment == 'TongQuan' ? 'tab_item_active' : ''?>"><a href="#TongQuan">Tổng quan</a></div>
                  <div class="product_detail_tab_item tab_item_2 <?=$fragment == 'LichSu' ? 'tab_item_active' : ''?>"><a href="#LichSu">Lịch sử hình thành</a></div>
                  <div class="product_detail_tab_item tab_item_3 <?=$fragment == 'ChungChi' ? 'tab_item_active' : ''?>"><a href="#ChungChi">Chứng chỉ chất lượng</a></div>
               </div>
               <div class="box_product_detail_main">
                  <div class="css_content product_detail_main_item main_item_1 <?=$fragment == 'TongQuan' ? 'main_item_active' : ''?>">
                     <?=$product_value['content1']?>
                  </div>
                  <div class="css_content product_detail_main_item main_item_2 <?=$fragment == 'LichSu' ? 'main_item_active' : ''?>">
                     <?=$product_value['content2']?>
                  </div>
                  <div class="css_content product_detail_main_item main_item_3 <?=$fragment == 'ChungChi' ? 'main_item_active' : ''?>">
                     <?=$product_value['content3']?>
                  </div>
               </div>
               <script>
                  $('.tab_item_1').on('click',function(){
                     $('.product_detail_tab_item').removeClass('tab_item_active');
                     $('.product_detail_main_item').removeClass('main_item_active');
                     $('.tab_item_1').addClass('tab_item_active');
                     $('.main_item_1').addClass('main_item_active');
                  });
                  $('.tab_item_2').on('click',function(){
                     $('.product_detail_tab_item').removeClass('tab_item_active');
                     $('.product_detail_main_item').removeClass('main_item_active');
                     $('.tab_item_2').addClass('tab_item_active');
                     $('.main_item_2').addClass('main_item_active');
                  });
                  $('.tab_item_3').on('click',function(){
                     $('.product_detail_tab_item').removeClass('tab_item_active');
                     $('.product_detail_main_item').removeClass('main_item_active');
                     $('.tab_item_3').addClass('tab_item_active');
                     $('.main_item_3').addClass('main_item_active');
                  });
               </script>
            </div>
         </div>
      </div>
      <?php include 'view/common/vcom_footer.php';?>
   </div>
</body>
</html>